{% extends 'helper/student_guide/base.html' %}
{% block page_header %}
    <link rel="stylesheet" href="/static/guide/students/anim.css">
    <script type="text/javascript" src="/static/guide/students/animation.js"></script>
{% endblock %}
{% block page_body %}
<div>
    <div id="head">
        <div id="head-backphoto">
            <img src="/static/guide/students/img/workHead.png" width="100%" height="100%">
        </div>
    </div>
</div>
<div id="main">
    <div id="mainPhoto"></div>
    <div >
        <img src="/static/guide/students/img/H1.png" width="100%" height="100%">
        <img src="/static/guide/students/img/H2.png" width="100%" height="100%">
        <img src="/static/guide/students/img/H3.png" width="100%" height="100%">
    </div>
    <div id="intro"style="position:fixed;left:920px;top:-10px;display: none">
        <img src="/static/guide/students/img/便签副本.png">
        <p class="introduce" style="top:100px;">在题目内容板块中,你可以阅读<br>到题目的内容。你需要根据题<br>目的具体输入和输出要求,在<br>代码编辑器中编写</p>
        <a  href="{% url 'helper_guide_student_viewer' 16 %}"><img id="next" src="/static/guide/students/img/next.png" style="position: absolute;left: 240px;top:210px;cursor: hand"></a>
    </div>
</div>
{% endblock %}